<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
   
    <!-- Este es el filtro adicional en forma horizontal para ubicar arriba del buscador -->
    <h:panelGroup id="divFiltrosAdicionales" layout="block" style="width:98%; height:auto; float: right; background-color:#FFF; padding:1%; " >
            
        <h:panelGroup layout="block" styleClass="itemFiltro var" rendered="#{usuarioSessionBean.estaRegistrado}" >
            <div class="nombreItem">
                <h:outputText value="Últimas var. de precios" />
                <h:graphicImage  id="ultimasVariaciones" style="margin-left:1px;" value="http://www.intercap.com.ar/imagenes/iconos/info-ayuda.png" />        
                <p:tooltip id="toolTipTrack" style="width: 300px;" for="ultimasVariaciones" value="Esta opción activa la visualización de productos que sufrieron 
                       una variación de precios los últimos 30 días." trackMouse="true" />
            </div>            

            <div class="opcionItem">
                <p:inputSwitch value="#{catalogoBean.precioActualizado}" offLabel="No" onLabel="Si" >                                            
                    <p:ajax listener="#{catalogoBean.verProductosByRubro(false)}" process="@this" 
                            update=":formulario:divDetalle,:formulario:divCantidadProductos" />
                </p:inputSwitch>
            </div>

        </h:panelGroup>
                       
        <div class="itemFiltro nov" >
            <div class="nombreItem">
                <h:outputText value="Novedades " />
            </div>            
            <div class="opcionItem">
                <p:inputSwitch value="#{catalogoBean.nuevo}" offLabel="No" onLabel="Si" >            
                    <p:ajax listener="#{catalogoBean.verProductosByRubro(false)}" process="@this" 
                            update=":formulario:divDetalle,:formulario:divCantidadProductos" />
                </p:inputSwitch>
            </div>
        </div>

        <div class="itemFiltro nac" >
            <div class="nombreItem">
                <h:outputText value="Solo productos NAC. " />
            </div>            
            <div class="opcionItem">
                <p:inputSwitch value="#{catalogoBean.nacional}" offLabel="No" onLabel="Si" >
                    <p:ajax listener="#{catalogoBean.verProductosByRubro(false)}" process="@this" 
                            update=":formulario:divDetalle,:formulario:divCantidadProductos" />
                </p:inputSwitch>
            </div>
        </div>

        <div class="itemFiltro imp" >
            <div class="nombreItem">
                <h:outputText value="Solo productos IMP. " />
            </div>            
            <div class="opcionItem">
                <p:inputSwitch value="#{catalogoBean.importado}" offLabel="No" onLabel="Si" >
                    <p:ajax listener="#{catalogoBean.verProductosByRubro(false)}" process="@this" 
                            update=":formulario:divDetalle,:formulario:divCantidadProductos" />
                </p:inputSwitch>
            </div>
        </div>
    
    </h:panelGroup>
       
</ui:composition>
